Maquetación
La etiqueta div
La etiqueta "div" se emplea para definir un bloque de contenido o sección de la página, para poder aplicarle diferentes estilos e incluso para realizar operaciones sobre ese bloque específico..
La etiqueta span
Después de un "/div" se comienza con una nueva línea. Esa es una de las diferencias principales con la otra etiqueta que empleamos para diferenciar contenidos, la etiqueta "span". Con ella conseguimos un efecto similar, pero en el interior de un párrafo. Recordemos que span se emplea con frecuencia para aplicar estilos en el interior de un bloque de texto.
Adicionalmente, las etiquetas div y span se suelen acompañar de uno o dos parámetros destinados a identificar ese bloque: id: permite establecer un identificador único para el bloque. Así podremos referirnos al bloque de forma inequívoca. class: es similar a id, pero con la ventaja de que se puede repetir; así que podemos tener varios "div" diferentes con la misma clase. Usando id y class podemos diferenciar unos div de otros y así aplicarles estilos CSS diferentes o hacer que actúen de forma distinta.
División en columnas
Con ellas podremos tomar un texto sencillo y dividirlo en diferentes columnas de forma automática. Sólo hay que indicar un número en la primera casilla e ir modificando el resto de selectores, para ajustar las distancias y bordes como mejor nos convenga. La figura muestra el resultado de aplicar esta modificación.
Voler a la página principal